/* http://meyerweb.com/eric/tools/css/reset/ 
            v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;list-style-position:outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}


.block{width:1065px;padding-top:20px;float: left;padding-left: 20px;border: 1px solid #f3f3f3;border-radius: 25px;margin-bottom: 30px;margin-top: 15px;}
.block .photo{margin-right:6px;position:relative;float:left;}
.block .photo img{max-width:115px;max-height:115px;overflow:hidden;position:absolute;}
.block .photo img.photo-bg{z-index:1;}
.block .photo img.photo{left:0;}
.block p.content{font-style:italic;line-height:24px;padding-left:22px;margin-left:121px;position:relative;overflow:hidden;margin-right:5px;}
.block p.content span {text-indent;}
.block p.content span.laquo{background:url(img/laquo.png) no-repeat;width:14px;height:11px;position:absolute;left:0;top:4px;display:block;}
.block p.content span.raquo{background:url(img/raquo.png) no-repeat right 4px;width:13px;height:15px;padding-left:4px;display:inline-block;}
.block .sign{text-align:right;float:right;padding-right: 20px;}
.block .sign h3{color:#577302;font-family:Arial,sans-serif;font-size:13px;text-decoration:none;}
.block .sign a:hover{text-decoration:underline;}
.block .sign p{color:#5a5a5a;font-size:12px;line-height:15px;margin-top:0px;margin-left: 72px;}


.block1{width:530px;padding-top:20px;float:right;padding-right: 80px;margin-left:30px;}
.block1 .photo{margin-right:6px;position:relative;float:left;}
.block1 .photo img{max-width:115px;max-height:115px;overflow:hidden;position:absolute;}
.block1.photo img.photo-bg{z-index:1;}
.block1.photo img.photo{left:0;}
.block1 p.content{font-style:italic;line-height:24px;padding-left:19px;margin-left:121px;position:relative;overflow:hidden;}
.block1 p.content span {text-indent;}
.block1 p.content span.laquo{background:url(img/laquo.png) no-repeat;width:14px;height:11px;position:absolute;left:0;top:4px;display:block;}
.block1 p.content span.raquo{background:url(img/raquo.png) no-repeat right 4px;width:13px;height:15px;padding-left:4px;display:inline-block;}
.block1 .sign{text-align:right;float:right;}
.block1 .sign a{color:#577302;font-family:Arial,sans-serif;font-size:13px;text-decoration:none;}
.block1 .sign a:hover{text-decoration:underline;}
.block1 .sign p{color:#5a5a5a;font-size:12px;line-height:15px;margin-top:6px;margin-left: 72px;}

@media only screen and (max-width: 500px) {
    .block{width:300px!important;
	margin-left: -15px;
	padding-left: 10px!important;
	padding-right:0px;
	    margin-right: 50px;
	}
}

@media only screen and (max-width: 768px) {
    .block{width: 650px;
	}
}